﻿<!DOCTYPE html>
<html>
<head>
    <title>책/그룹 검색</title>
    <meta charset="utf-8">
<!--     <meta name="viewport" content="width=device-width, initial-scale=1.0,  -->
<!--         maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" /> -->
    <link href="../../fundamental/basic.css" rel="stylesheet" type="text/css"  media="screen" />
    <link href="../../fundamental/responsive.css" rel="stylesheet" type="text/css"  media="screen" />
    <link href="../css/search_style.css" rel="stylesheet" type="text/css" media="screen" />
    <script src="../../fundamental/main_aside.js" type="text/javascript"></script>
    <script src="../../fundamental/to_page.js" type="text/javascript"></script>
    <script src="http://code.jquery.com/jquery-2.0.3.js"></script>

    <script src="../js/group_search.js"></script>
    <script src="../../js/ajax.js"></script>

</head>
<body>
    <div class="container">
        <div class="row">
            <header id="main_header">
                <hgroup id="title">
<!--                     <h1><a href="#"><img src="TITLE.png" alt="title" width="135" height="45"/></a></h1> -->
                    <h2>USER ID</h2>
                </hgroup>
                <nav id="main_gnb" class="span_2">
                    <h1><a href="#">LOG OUT</a></h1>
                </nav>
                <nav id="main_lnb" class="span_6">
                    <h1>MAIN PAGE</h1>
                </nav>
            </header><!--header-->
        </div>

        <div class="row">
            <div id="content">
                <aside id="main_aside" class="span_2">
                    <ul id="aside_list">
                        <li class="aside_menu">EXCHANGE<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                    <li><a href="#">현재 사이버 머니</a></li>
                                    <li><a href="#">환전 하기</a></li>
                                    <li><a href="#">환전 내역</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">HISTORY<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                <li><a href="#">판매 내역</a></li>
                                <li><a href="#">구매 내역</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">GROUP<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                <li><a href="#">가입 그룹</a></li>
                                <li><a href="group_enroll.html">그룹 만들기</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">EDIT</li>
                        <li class="aside_menu"><a href="#" id="leave_homepage.html">회원 탈퇴</a></li>
                    </ul>
                </aside><!--main_aside-->
                <div id="main_section" class="span_10">
                    <h1>책/그룹 검색</h1>
                    <div id="search_tab">
                        <input id="first" type="radio" name="tab" checked="checked" />
                        <input id="second" type="radio" name="tab" />
                        <section class="buttons">
                            <label for="first">그룹</label>
                            <label for="second">책</label>
                        </section>
                        <div class="tab_item" id="searchResult">
                        <li style="display:inline;"><label for="SEARCH" class="search">검 색</label><input type="search" id="g_SEARCH" name="search" placeholder="그룹 검색"  /></li><button id="group_search">검색</button>
                            <ul id="searchResultUl">
                                      <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>GROUP NAME</span><span>GROUP INFORM</span></section></a></li>
                            </ul>
                        </div><!--tab_item-->
                        <div class="tab_item">
                            <ul>
                                <li><label for="SEARCH" class="search">검 색</label><input type="search" id="b_SEARCH" name="search" placeholder="책 검색" /></li>  
                         <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>GROUP NAME</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>BOOK TITLE</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>BOOK TITLE</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                                <li><a href="#"><section><img src="http://placehold.it/45x45" alt="image" /><span>BOOK TITLE</span><span>AUTHOR</span><span>PUBLISHER</span><span>PRICE</span></section></a></li>
                            </ul>
                        </div><!--tab_item-->
                    </div><!--search_tab-->
                </div><!--main_section-->
            </div><!--content-->
        </div>
        <div class="row">
            <footer id="main_footer">
                <small>MEMBER : <span>Jung. WonBeen</span><span>Kim. JoonHo</span><span>Jo. SunYoung</span><span>Lee. DaYoung</span></small>
            </footer><!--footer-->
        </div>
    </div>
</body>
</html>
